<!--高顺-->

<!DOCTYPE html>
<!-- suppress ThymeleafVariablesResolveInspection -->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>忘记密码</title>

    <link type="text/css" href="/static/css/gs/wangji.css" rel="stylesheet">
    <link rel="stylesheet" th:href="@{/static/css/bootstrap.min.css}" href="/static/css/bootstrap.min.css">
    <script th:src="@{/static/js/jquery-1.8.3.js}" src="/static/js/jquery-1.8.3.js"></script>
    <link rel="stylesheet" href="/static/js/gs/layui-v2.5.5/layui/css/layui.css"
          th:href="@{/static/js/gs/layui-v2.5.5/layui/css/layui.css}">
    <script th:src="@{/static/js/jquery/jquery.min.js}"  src="/static/js/jquery/jquery.min.js"
            type="text/javascript"></script>
    <link th:href="@{/static/layui/css/layui.css}" href="/static/layui/css/layui.css" rel="stylesheet" media="all">
    <script th:src="@{/static/layui/layui.js}" src="/static/layui/layui.js" type="text/javascript"></script>
</head>
<style>
    #yanzhengma ,#yNull,#phone1{
        display: none;
        color: red;
    }
</style>
<body>

<div class="content">
    <div class="web-width">
        <div class="for-liucheng">
            <div class="liulist for-cur"></div>
            <div class="liulist for-cur"></div>
            <div class="liulist"></div>
            <div class="liulist"></div>
            <div class="liutextbox">
                <div class="liutext for-cur"><em>1</em><br><strong>填写验证码</strong></div>
                <div class="liutext for-cur"><em>2</em><br><strong>设置新手机号</strong></div>
                <div class="liutext for-cur"><em>3</em><br><strong>完成</strong></div>
            </div>
        </div><!--for-liucheng/-->
        <form  method="get" class="forget-pwd" enctype="multipart/form-data" th:action="@{/user/updatePhone}">
            <dl>
                <dt>新手机号：</dt>
                <dd><input type="text" id="userPhone" name="userPhone" onblur="userPhone1()"> <span id="phone1"></span></dd>
                <div class="clears"></div>
            </dl>
            <div class="subtijiao"><input type="submit" value="提交" id="tijiao" onclick="return updatephone()"></div>
        </form><!--forget-pwd/-->
    </div><!--web-width/-->
</div><!--content/-->
</body>
<script>
    // $("#tijiao").click(function(){
    //
    // })
    function updatephone() {

        if($("input[type='text']").val()==""){
            $("#phone1").css("display","inline");
            $("#phone1").html("手机号不能为空");
            return false;
        }else if (!(/^1([38]\d|5[0-35-9]|7[3678])\d{8}$/.test($("input[type='text']").val()))) {
            $("#phone1").css("display","inline");
            $("#phone1").html("手机号格式有误");
            return false;
        }else {
            $("#phone1").css("display","none");
            return true;
        }
    }
</script>
</html>